<template>
	<div>
	  <div class="list-supply-wrapper">
	    <Listtop></Listtop>
	    <div class="list-supply-main">
	    	<div class="supply-main-column">
	    		<div class="column-item">
	    			<span>全部水产</span>
	    			<i class="column-icon"></i>
	    		</div>
	    		<div class="column-item">
	    			<span>全国</span>
	    			<i class="column-icon"></i>
	    		</div>
	    		<div class="column-item">
	    			<span>全国信息</span>
	    			<i class="column-icon"></i>
	    		</div>
	    	</div>
	    	<div class="supply-list">
					<div class="supply-list-wrap">
						<div class="supply-list-item vux-1px-b" v-for="(data,index) in supplyList">
							<a :href="'#/trade/supply/' + data.id ">
								<div class="item-img vux-1px" v-bind:style="{backgroundImage: 'url(' + data.img_view[0]+'?imageView2/2/w/200)'}"><label v-show="data.img.length>1">多图</label></div>
								<div class="item-ifo">
									<div class="ifo-wrap">
										<div class="ifo-wrap-cell">
											<div class="goods-msg clearfix">
												<div class="goods-name ellipsis-2">
													<i class="pre-label" v-show="data.sale_type==2">预售</i>
													<span class="name">{{data.kind_name}}{{data.title}}</span>
												</div>
												<div class="goods-price">
													<div class="pre-date ellipsis" v-if="data.sale_type==2">
														<span class="pre-time ellipsis">{{data.sale_pre.month}}月{{data.sale_pre.day}}上市</span>
													</div>
													<div class="price" v-else>
														<label v-if="data.price_type==2" class="face">面议</label>
														<label v-else><big>{{data.price}}</big>元/{{data.price_unit_name}}</label>
													</div>
												</div>
											</div>
											<div class="goods-from">
												<div class="goods-address ellipsis">
													<i class="address-icon"></i>
													<span>{{data.province_name}}</span>
													<span>{{data.city_name}}</span>
												</div>
												<div class="goods-size">
													<label <label v-if="data.size_unit_name">
														<span>{{data.size_min}}-{{data.size_max}}{{data.size_unit_name}}</span>
													</label>
													<label v-else>规格不限</label>
												</div>
											</div>
											<div class="goods-seller">
												<div class="seller">
													<label class="name ellipsis">
														<span v-if="data.verify_classify" >{{data.verify_name}}</span>
														<span v-else>{{data.contact_name}}</span>
													</label>
													<span class="verify-type firm-jxs" v-if="data.verify_classify==2&&data.verify_type==3"></span>
													<span class="verify-type firm-pfs" v-if="data.verify_classify==2&&data.verify_type==13"></span>
													<span class="verify-type own-jxs" v-if="data.verify_classify==1&&data.verify_type==3"></span>
													<span class="verify-type own-pfs" v-if="data.verify_classify==1&&data.verify_type==13"></span>
													<span class="verify-type own-yf" v-if="data.verify_classify==1&&data.verify_type==12"></span>
													<span class="verify-type own-ywy" v-if="data.verify_classify==1&&data.verify_type==2"></span>
													<span class="verify-type own-yzh" v-if="data.verify_classify==1&&data.verify_type==4"></span>
													<span class="verify-type own-yzj" v-if="data.verify_classify==1&&data.verify_type==11"></span>
												</div>
												<div class="data ellipsis">{{data.updated_view}}</div>
											</div>
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>
		  		</div>
	    </div>
	  </div>
  </div>
</template>

<script>
import {Scroller, LoadMore} from 'vux'
import Listtop from '@/components/Listtop/Listtop.vue'

export default {
	data () {
    return {
      supplyList:[]
    }
  },
  methods: {
		
  },
  mounted() {
	axios.get('/api/trade/supply/getList').then(ret => {
    	this.supplyList = ret.data.resp_data.data;
    	});
  },
  computed: {

  },
  components: {
    Listtop
  }
}
</script>

<style>
 @import url("../../../styles/common/trade/trade-common.css");
 .list-supply-wrapper{width: 100%;}
 .supply-main-column{height:30px;border-bottom: 1px solid #ddd;display:flex;}
 .column-item{flex: 1;line-height: 30px;text-align: center;}
 .column-item .column-icon{display: inline-block;width:8px;height:5px;background:url(../../../static/trade-img/arrowDown.png) no-repeat center center/cover;
background-size:8px 5px;vertical-align: middle;margin-left:2px;}
</style>
